.trash-sidebar__groups {
  list-style: none;
  margin: 0;
  padding: 0 0 20px 0;
}

.trash-sidebar__group {
  margin-bottom: 4px;
}

.trash-sidebar__group-link {
  @extend %ellipsis;

  position: relative;
  display: block;
  padding: 0 16px 0 32px;
  line-height: 33px;
  font-size: 14px;
  color: $color-primary-900;
  border-left: solid 3px transparent;

  &:hover {
    text-decoration: none;
    background-color: $color-neutral-200;
  }

  .trash-sidebar__group--active & {
    background-color: $color-neutral-200;
    border-left-color: $color-primary-500;
  }

  .trash-sidebar__group--trashed & {
    text-decoration-line: line-through;
  }

  &::before {
    @extend .fas;
    @extend .fa-fw;

    @include absolute(50%, auto, auto, 10px);

    content: fa-content($fa-var-caret-right);
    color: $color-primary-900;
    font-size: 14px;
    line-height: 12px;
    margin-top: -6px;

    .trash-sidebar__group--active & {
      content: fa-content($fa-var-caret-down);
    }
  }
}

.trash-sidebar__applications {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;

  .trash-sidebar__group--active &,
  .trash-sidebar__group--open & {
    display: block;
  }
}

.trash-sidebar__application {
  margin: 4px 0;
}

.trash-sidebar__application-link {
  @extend %ellipsis;

  display: block;
  line-height: 33px;
  font-size: 13px;
  padding: 0 20px 0 28px;
  color: $color-primary-900;
  border-left: solid 3px transparent;

  &:hover {
    background-color: $color-neutral-200;
    text-decoration: none;
  }

  .trash-sidebar__application--active & {
    background-color: $color-neutral-200;
    border-left-color: $color-primary-500;
  }

  .trash-sidebar__application--trashed & {
    text-decoration-line: line-through;
  }
}

.trash__title {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 74px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px $color-neutral-200;
  background-color: $white;
}

.trash__title-left {
  width: 100%;
  min-width: 0;
  margin-right: 20px;
}

.trash__title-heading {
  @extend %ellipsis;

  font-size: 22px;
  font-weight: bold;
  margin-bottom: 8px;
}

.trash__title-description {
  @extend %ellipsis;

  font-size: 14px;
  color: $color-neutral-500;
}

.trash__title-right {
  flex: 0 0;
}

.trash__empty {
  text-align: center;
  margin: 60px 0 30px 0;
}

.trash__empty-icon {
  font-size: 30px;
  color: $color-primary-500;
  margin-bottom: 30px;
}

.trash__empty-text {
  font-size: 14px;
  color: $color-neutral-500;
}

.trash__entries {
  @include absolute(106px, 0, 0, 0);
}

.trash__end-line {
  margin: 20px 27px 20px 41px;
  border-bottom: solid 1px #d9dbde;
}
